<template>
  <div class="layout-aside-container">
    <ul class="menu">
      <li class="menu-item">
        <router-link to="/home/users">用户管理</router-link>
      </li>
      <li class="menu-item">
        <router-link to="/home/rights">权限管理</router-link>
      </li>
      <li class="menu-item">
        <router-link to="/home/goods">商品管理</router-link>
      </li>
      <li class="menu-item">
        <router-link to="/home/orders">订单管理</router-link>
      </li>
      <li class="menu-item">
        <router-link to="/home/settings">系统设置</router-link>
      </li>
    </ul>
  </div>
</template>

<style lang="less" scoped>
.layout-aside-container {
  padding-top: 80px;
  height: 100vh;
  width: 200px;
  border-right: 1px solid #efefef;
  .menu {
    padding: 0;
    list-style: none;
    display: flex;
    height: 300px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    .menu-item {
      flex: 1;
    }
  }
}
</style>